<template>
	<view class="page page-fill" style="box-shadow: inset 0 0 10px 0 rgba(255,255,255,0.3);">
		<swiper class="swiper pending-wapper" :current="index">
			<swiper-item class="pending-item" v-for="(img,imgIndex) in imgArr" :key="imgIndex">
				<image  data-Index="imgIndex" :src="imgArr[imgIndex]" class="pending-face" mode="widthFix"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgArr:[],
				index:0,
			};
		},
		onShow(){
			this.imgArr = uni.getStorageSync("imgArr");
		},
		onLoad(param){
			this.index = +param.index;
		}
	}
</script>

<style lang="scss">
/* 页面铺满屏幕 */
.page-fill {
	width:100%;
	height: 100%;
	position: absolute;
	background: black;
}

.pending-wapper {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:100%;
	height: 100%;
	padding:20upx;
	.pending-item{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.pending-face{
		width:100%;
	}
}
</style>
